<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head> 
<meta content='a38c0fe581719d6c-c8554e3c9de05cfe-g957a5df6a5a270d8-13' name='google-translate-customization'/>
  
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/>    <b:if cond='data:blog.isMobile'>
      <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
    <b:else/>
      <meta content='width=1100' name='viewport'/>
    </b:if>
    <b:include data='blog' name='all-head-content'/>
<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'/>

<b:if cond='data:blog.url == data:blog.homepageUrl'><title><data:blog.title/></title></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><title><data:blog.pageName/></title></b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'><title><data:blog.pageName/></title></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><title><data:blog.pageName/></title></b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'><b:if cond='data:blog.searchLabel'><title><data:blog.pageName/></title></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'><title>You&#39;ve ripped a hole in the fabric of the internet</title></b:if>
    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     FrontEndLab
Designer: Puneet Sharma
URL:      www.frontendlab.net
----------------------------------------------- */

/* Variable definitions
   ====================

<Group description="Right Sidebar Background" selector="body">
<Variable name="sidebar.right.top.color" description="Right Top Sidebar Background" type="color" default="#00f" value="#ffffff"/>
<Variable name="sidebar.right.left.color" description="Right Left Sidebar Background" type="color" default="#ff0" value="#1abc9c"/>
<Variable name="sidebar.right.right.color" description="Right Right Sidebar Background" type="color" default="#f0f" value="#ffffff"/>
</Group>

<Group description="Sidebar Text" selector="body">
<Variable name="sidebar.text.color" description="Sidebar Text Color" type="color" default="#000000" value="#000000"/> 
</Group>

<Group description="Left Sidebar Background" selector="body">
<Variable name="sidebar.left.top.color" description="Left Top Sidebar Background" type="color" default="#00f" value="#1abc9c"/>
<Variable name="sidebar.left.left.color" description="Left Left Sidebar Background" type="color" default="#ff0" value="#1abc9c"/>
<Variable name="sidebar.left.right.color" description="Left Right Sidebar Background" type="color" default="#f0f" value="#1abc9c"/>
</Group>

<Group description="Sidebar Column Background" selector="body">
<Variable name="sidebar.bgr.color" description="Right Sidebar BG Color" type="color" default="#f00" value="#ffffff"/>
<Variable name="sidebar.bgl.color" description="Left Sidebar BG Color" type="color" default="#f00" value="#1abc9c"/>
</Group>

   <Variable name="keycolor" description="Main Color" type="color" default="#66bbdd" value="#fafafa"/>

   <Group description="Page Text" selector="body">
     <Variable name="body.font" description="Font" type="font"
         default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Verdana, Geneva, sans-serif"/>
     <Variable name="body.text.color" description="Text Color" type="color" default="#222222" value="#000000"/>
   </Group>

   <Group description="Backgrounds" selector=".body-fauxcolumns-outer">
     <Variable name="body.background.color" description="Outer Background" type="color" default="#66bbdd" value="#ffffff"/>
     <Variable name="content.background.color" description="Main Background" type="color" default="#ffffff" value="#ffffff"/>
     <Variable name="header.background.color" description="Header Background" type="color" default="transparent" value="transparent"/>
   </Group>

   <Group description="Links" selector=".main-outer">
     <Variable name="link.color" description="Link Color" type="color" default="#2288bb" value="#2a9ba0"/>
     <Variable name="link.visited.color" description="Visited Color" type="color" default="#888888" value="#2a9ba0"/>
     <Variable name="link.hover.color" description="Hover Color" type="color" default="#33aaff" value="#2a9ba0"/>
   </Group>

   <Group description="Blog Title" selector=".header h1">
     <Variable name="header.font" description="Font" type="font"
         default="normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 90px Lato, sans-serif"/>
     <Variable name="header.text.color" description="Title Color" type="color" default="#3399bb"  value="#34495e"/>
   </Group>

   <Group description="Blog Description" selector=".header .description">
     <Variable name="description.text.color" description="Description Color" type="color"
         default="#777777"  value="#868686"/>
   </Group>

   <Group description="Tabs Text" selector=".tabs-inner .widget li a">
     <Variable name="tabs.font" description="Font" type="font"
         default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 18px Lato, sans-serif"/>
     <Variable name="tabs.text.color" description="Text Color" type="color" default="#999999" value="#ffffff"/>
     <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#000000" value="#1abc9c"/>
   </Group>

   <Group description="Tabs Background" selector=".tabs-outer .PageList">
     <Variable name="tabs.background.color" description="Background Color" type="color" default="#f5f5f5" value="#34495e"/>
     <Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="#eeeeee" value="#34495e"/>
   </Group>

   <Group description="Post Title" selector="h2.post-title, h1.post-title">
     <Variable name="post.title.font" description="Font" type="font"
         default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 36px Lato, sans-serif"/>
   </Group>

   <Group description="Date Header" selector=".date-header">
     <Variable name="date.header.color" description="Text Color" type="color"
         default="$(body.text.color)" value="#222222"/>
     <Variable name="date.header.background.color" description="Background Color" type="color"
         default="transparent" value="transparent"/>
   </Group>

   <Group description="Post Footer" selector=".post-footer">
     <Variable name="post.footer.text.color" description="Text Color" type="color" default="#666666" value="#797979"/>
     <Variable name="post.footer.background.color" description="Background Color" type="color"
         default="#f9f9f9" value="#fcfcfc"/>
     <Variable name="post.footer.border.color" description="Shadow Color" type="color" default="#eeeeee" value="#f2f2f2"/>
   </Group>

   <Group description="Footer" selector="footer">
     
     <Variable name="footer.background.color" description="Background Color" type="color"
         default="#eceff1" value="#eceff1"/>
     <Variable name="footer.border.color" description="Border Color" type="color" default="#ffffff" value="#ffffff"/>

   </Group>


  <Group description="Button" selector=".btn">
     
     <Variable name="Button.background.color" description="Background Color" type="color"
         default="#1abc9c" value="#386a60"/>
     <Variable name="Button.link.color" description="Link Color" type="color" default="#ffffff" value="#ffffff"/>
     <Variable name="Button.selected.color" description="Hover Color" type="color" default="#2fe2bf" value="#16a085"/>

   </Group>

  <Group description="Tags" selector=".label-size">
     
     <Variable name="Tags.background.color" description="Background Color" type="color"
         default="#1abc9c" value="#1abc9c"/>
     <Variable name="Tags.link.color" description="Link Color" type="color" default="#ffffff" value="#ffffff"/>
     <Variable name="Tags.selected.color" description="Hover Color" type="color" default="#16a085" value="#16a085"/>

   </Group>

   <Group description="Gadgets" selector="h3">
     <Variable name="widget.title.font" description="Title Font" type="font"
        default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 24px Lato, sans-serif"/>
     <Variable name="widget.title.text.color" description="Title Color" type="color" default="#000000" value="#ffffff"/>
     <Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#999999" value="#a2a2a2"/>

     <Variable name="widget.title.align" description="Title Alignment" type="string" default="Left" value="center"/>

   </Group>
  <Group description="Footer Gadget" selector=".foot h3">
    <Variable name="widget.footer.title.font" description="Title Font" type="font"
        default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 24px Lato, sans-serif"/>
     <Variable name="widget.footer.title.text.color" description="Title Color" type="color" default="#ffffff" value="#000000"/> 

   </Group>

   <Group description="Images" selector=".main-inner">
     <Variable name="image.background.color" description="Background Color" type="color" default="#ffffff" value="#ffffff"/>
     <Variable name="image.border.color" description="Border Color" type="color" default="#eeeeee" value="#f2f2f2"/>
     <Variable name="image.text.color" description="Caption Text Color" type="color" default="$(body.text.color)" value="#222222"/>
   </Group>

   <Group description="Accents" selector=".content-inner">
     <Variable name="body.rule.color" description="Separator Line Color" type="color" default="#eeeeee" value="#f2f2f2"/>
     <Variable name="tabs.border.color" description="Tabs Border Color" type="color" default="$(body.rule.color)" value="#eeeeee"/>
   </Group>

   <Variable name="body.background" description="Body Background" type="background"
       color="$(body.background.color)" default="$(color) none repeat scroll top left" value="$(color) none repeat scroll top left"/>
   <Variable name="body.background.override" description="Body Background Override" type="string" default="" value=""/>

   <Variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url"
       default="url(//www.blogblog.com/1kt/simple/gradients_light.png)" value="none"/>
   <Variable name="body.background.gradient.tile" description="Body Gradient Tile" type="url"
       default="url(//www.blogblog.com/1kt/simple/body_gradient_tile_light.png)" value="none"/>

   <Variable name="content.background.color.selector" description="Content Background Color Selector" type="string" default=".content-inner" value=".content-inner"/>
   <Variable name="content.padding" description="Content Padding" type="length" default="0px" value="0px"/>
   <Variable name="content.padding.horizontal" description="Content Horizontal Padding" type="length" default="$(content.padding)" value="$(content.padding)"/>
   <Variable name="content.shadow.spread" description="Content Shadow Spread" type="length" default="0px" value="0px"/>
   <Variable name="content.shadow.spread.webkit" description="Content Shadow Spread (WebKit)" type="length" default="0px" value="0px"/>
   <Variable name="content.shadow.spread.ie" description="Content Shadow Spread (IE)" type="length" default="0px" value="0px"/>

   <Variable name="main.border.width" description="Main Border Width" type="length" default="0" value="0"/>

   <Variable name="header.background.gradient" description="Header Gradient" type="url" default="none" value="none"/>
   <Variable name="header.shadow.offset.left" description="Header Shadow Offset Left" type="length" default="-1px" value="-1px"/>
   <Variable name="header.shadow.offset.top" description="Header Shadow Offset Top" type="length" default="-1px" value="-1px"/>
   <Variable name="header.shadow.spread" description="Header Shadow Spread" type="length" default="1px" value="1px"/>
   <Variable name="header.padding" description="Header Padding" type="length" default="30px" value="30px"/>

   <Variable name="header.border.size" description="Header Border Size" type="length" default="1px" value="1px"/>
   <Variable name="header.bottom.border.size" description="Header Bottom Border Size" type="length" default="$(header.border.size)" value="$(header.border.size)"/>
   <Variable name="header.border.horizontalsize" description="Header Horizontal Border Size" type="length" default="0" value="0"/>

   <Variable name="description.text.size" description="Description Text Size" type="string" default="140%" value="140%"/>

   <Variable name="tabs.margin.top" description="Tabs Margin Top" type="length" default="0"  value="0"/>
   <Variable name="tabs.margin.side" description="Tabs Side Margin" type="length" default="30px"  value="30px"/>
   <Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"
       default="url(//www.blogblog.com/1kt/simple/gradients_light.png)" value="url(//www.blogblog.com/1kt/simple/gradients_light.png)"/>
   <Variable name="tabs.border.width" description="Tabs Border Width" type="length" default="1px" value="1px"/>
   <Variable name="tabs.bevel.border.width" description="Tabs Bevel Border Width" type="length" default="1px" value="1px"/>

   <Variable name="date.header.padding" description="Date Header Padding" type="string" default="inherit" value="inherit"/>
   <Variable name="date.header.letterspacing" description="Date Header Letter Spacing" type="string" default="inherit" value="inherit"/>
   <Variable name="date.header.margin" description="Date Header Margin" type="string" default="inherit" value="inherit"/>

   <Variable name="post.margin.bottom" description="Post Bottom Margin" type="length" default="25px" value="25px"/>

   <Variable name="image.border.small.size" description="Image Border Small Size" type="length" default="2px" value="2px"/>
   <Variable name="image.border.large.size" description="Image Border Large Size" type="length" default="5px" value="5px"/>

   <Variable name="page.width.selector" description="Page Width Selector" type="string" default=".region-inner" value=".region-inner"/>
   <Variable name="page.width" description="Page Width" type="string" default="auto" value="auto"/>

   <Variable name="main.section.margin" description="Main Section Margin" type="length" default="15px" value="15px"/>
   <Variable name="main.padding" description="Main Padding" type="length" default="15px" value="15px"/>
   <Variable name="main.padding.top" description="Main Padding Top" type="length" default="30px" value="30px"/>
   <Variable name="main.padding.bottom" description="Main Padding Bottom" type="length" default="30px" value="30px"/>

   <Variable name="paging.background"
       color="$(content.background.color)"
       description="Background of blog paging area" type="background"
       default="transparent none no-repeat scroll top center" value="transparent none no-repeat scroll top center"/>

   <Variable name="footer.bevel" description="Bevel border length of footer" type="length" default="0" value="0"/>

   <Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
       default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>
   <Variable name="mobile.background.size" description="Mobile Background Size" type="string" default="auto" value="auto"/>
   <Variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff"  value="#ffffff"/>

   <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/>
   <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>
*/

/* Content
----------------------------------------------- */
body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
  padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
  $(body.background.override)
}

html body $(page.width.selector) {
  min-width: 0;
  max-width: 100%;
  width: $(page.width);
}

a:link {
  text-decoration:none;
  color: $(link.color);
}

a:visited {
  text-decoration:none;
  color: $(link.visited.color);
}

a:hover {
  text-decoration:none;
  color: $(link.hover.color);
}

.body-fauxcolumn-outer .fauxcolumn-inner {
  background: transparent $(body.background.gradient.tile) repeat scroll top left;
  _background-image: none;
}

.body-fauxcolumn-outer .cap-top {
  position: absolute;
  z-index: 1;
  height: 400px;
  width: 100%;
  background: $(body.background);
  $(body.background.override)
}

.body-fauxcolumn-outer .cap-top .cap-left {
  width: 100%;
  background: transparent $(body.background.gradient.cap) repeat-x scroll top left;
  _background-image: none;
}

.content-outer {
  -moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);
  -goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;
  box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

  margin-bottom: 1px;
}




input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
border: 2px solid #dce4ec;
color: #34495e;
font-family: "Lato", sans-serif;
font-size: 14px;
height: 20px;
outline:none;
padding: 8px 0 9px 10px;
text-indent: 1px;
-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
} 
/* Header
----------------------------------------------- */
.header-outer {
  background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
  _background-image: none;
}

.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
  text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
}

.Header h1 a {
  color: $(header.text.color);
}

.Header .description {
  font-size: $(description.text.size);
  color: $(description.text.color);
}

.header-inner .Header .titlewrapper {
  padding: 22px $(header.padding);
}
 

.header-inner .Header .descriptionwrapper {
  padding: 0 $(header.padding);
}
 


/* Tabs
----------------------------------------------- */
 

.tabs-inner .section:first-child ul {
  margin-top: -$(header.border.size);
  border-top: $(header.border.size) solid $(tabs.border.color);
  border-left: $(header.border.horizontalsize) solid $(tabs.border.color);
  border-right: $(header.border.horizontalsize) solid $(tabs.border.color);
  margin: 0px;
  border-radius:6px;
}

.tabs-inner .widget ul {
  background: $(tabs.background.color)  repeat-x scroll 0 -800px;
  _background-image: none;
  border-bottom: $(tabs.border.width) solid $(tabs.border.color);

  margin-top: $(tabs.margin.top);
  margin-left: -$(tabs.margin.side);
  margin-right: -$(tabs.margin.side);
}

.tabs-inner .widget li a {
  display: inline-block;

  padding: .6em 1em;

  font: $(tabs.font);
  color: $(tabs.text.color);
 
}

.tabs-inner .widget li:first-child a {
  border-$startSide: none;
}

.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
  color: $(tabs.selected.text.color);
  background-color: $(tabs.selected.background.color);
  text-decoration: none;
}

/* Buttons
----------------------------------------------- */


.btn{
  border: none;
  background: #34495e;
  color: white;
  font-size: 16.5px;
  text-decoration: none;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden; }


  .btn:hover, .btn:focus{
    background-color: #4e6d8d;
    color: white;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-backface-visibility: hidden; }

  .btn.btn-large {
    padding-bottom: 12px;
    padding-top: 13px; }
  .btn.btn-primary{
    background-color: $(Button.background.color); }
    .btn.btn-primary:hover, .btn.btn-primary:focus , .gsc-search-button:hover , .gsc-search-button:focus  {
      background-color: $(Button.selected.color); }
    .btn.btn-primary:active, .btn.btn-primary.active , .gsc-search-button:active {
      background-color:  $(Button.selected.color);  }
      .btn a  , .gsc-search-button
{
color : $(Button.link.color) !important;
}
.btn-block {
display: block;
width: 17%;
padding-right: 0;
padding-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
text-align:center;
 float:right;
 max-height:60px;
}

/* Tags
----------------------------------------------- */

.label-size{
border-radius: 4px;
background: $(Tags.background.color);
color: $(Tags.link.color) !important;
cursor: pointer;
margin-right: 5px;
margin-bottom: 5px;
overflow: hidden;
padding: 6px 13px 6px 19px;
position: relative;
vertical-align: middle;
display: inline-block;
zoom: 1;
-webkit-transition: 0.14s linear;
-moz-transition: 0.14s linear;
-o-transition: 0.14s linear;
transition: 0.14s linear;
-webkit-backface-visibility: hidden;

}

.label-size:hover , .label-size:focus  {
background-color: $(Tags.selected.color);
}
/* Columns
----------------------------------------------- */
.main-outer {
  border-top: $(main.border.width) solid $(body.rule.color);
}

.fauxcolumn-left-outer .fauxcolumn-inner {
  border-right: 1px solid $(body.rule.color);
}

.fauxcolumn-right-outer .fauxcolumn-inner {
  border-left: 0px solid $(body.rule.color);
}

/* Headings
----------------------------------------------- */

.foot h3 {
 color: $(widget.footer.title.text.color);
font: $(widget.footer.title.font);

}

h1.title  , .description 
{
text-align : $(widget.title.align);

}

/* Widgets
----------------------------------------------- */
.widget .zippy {
  color: $(widget.alternate.text.color);
  text-shadow: 2px 2px 1px rgba(0, 0, 0, .1);
}

.widget .popular-posts ul {
  list-style: none;
}

.ias_trigger {font-family: arial;font-size: 20px;}.ias_loader {text-align: center;}
 

.main-inner {
  padding-top: $(main.padding.top);
  padding-bottom: $(main.padding.bottom);
}

.main-inner .column-right-inner {
  padding: 0;

}

.main-inner .column-center-inner {
  padding: 0 $(main.padding);
}


.post {
  margin: 0 0 $(post.margin.bottom) 0;
}

h1.post-title, .comments h4  , h2.post-title {
  font: $(post.title.font);
  margin: .75em 0 0;
}

.post-body {
  font-size: 110%;
  line-height: 1.4;
  position: relative;
}

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: $(image.border.small.size);

  background: $(image.background.color);
  border: 1px solid $(image.border.color);

  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}

.post-body img, .post-body .tr-caption-container {
  padding: $(image.border.large.size);
}

.post-body .tr-caption-container {
  color: $(image.text.color);
}

.post-body .tr-caption-container img {
  padding: 0;

  background: transparent;
  border: none;

  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  box-shadow: 0 0 0 rgba(0, 0, 0, .1);
}



#comments .comment-author {
  padding-top: 1.5em;

  border-top: 1px solid $(body.rule.color);
  background-position: 0 1.5em;
}

#comments .comment-author:first-child {
  padding-top: 0;
  border-top: none;
}

.avatar-image-container {
  margin: .2em 0 0;
}

#comments .avatar-image-container img {
  border: 1px solid $(image.border.color);
}

/* Comments
----------------------------------------------- */
.comments .comments-content .icon.blog-author {
  background-repeat: no-repeat;
  background-image: url();
}


.comments .continue {
  border-top: 2px solid $(widget.alternate.text.color);
}

.PageList h3 , .PageList h2 {display:none; }
 
.status-msg-body , .status-msg-body a{
background: #3498db;
border-radius: 5px;
color: white !important;
}
.status-msg-border {
border:0px solid #000 !important;
}

/* Accents
---------------------------------------------- */
.section-columns td.columns-cell {
  border-$startSide: 1px solid $(body.rule.color);
}

.blog-pager {
  background: $(paging.background);
}

.blog-pager-older-link, .home-link,
.blog-pager-newer-link {
  background-color: $(content.background.color);
  padding: 5px;
}

.footer-outer {
  border-top: $(footer.bevel) dashed #bbbbbb;
}


/* Media Queries
----------------------------------------------- */
@media (max-width:460px){

    .main-inner .column-right-outer {
        width: 100% !important;
        margin-right: 0 !important;
transition: all 1s;
-moz-transition: all 1s; 
-webkit-transition: all 1s; 
-o-transition: all 1s;
      }

.main-inner .columns {
 padding-right:  180px!important;
transition: all 1s;
-moz-transition: all 1s;  
-webkit-transition: all 1s; 
-o-transition: all 1s;
}
}
/* Mobile
----------------------------------------------- */
body.mobile  {
  background-size: $(mobile.background.size);
}

.mobile .body-fauxcolumn-outer {
  background: $(mobile.background.overlay);
}

.mobile .body-fauxcolumn-outer .cap-top {
  background-size: 100% auto;
}

.mobile .content-outer {
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  box-shadow: 0 0 3px rgba(0, 0, 0, .15);
}

body.mobile .AdSense {
  margin: 0 -$(content.shadow.spread);
}

.mobile .tabs-inner .widget ul {
  margin-left: 0;
  margin-right: 0;
}

.mobile .post {
  margin: 0;
}

.mobile .main-inner .column-center-inner .section {
  margin: 0;
}

.mobile .date-header span {
  padding: 0.1em 10px;
  margin: 0 -10px;
}

.mobile h3.post-title {
  margin: 0;
}

.mobile .blog-pager {
  background: transparent none no-repeat scroll top center;
}

.mobile .footer-outer {
  border-top: none;
}

.mobile .main-inner, .mobile .footer-inner {
  background-color: $(content.background.color);
}

.mobile-index-contents {
  color: $(body.text.color);
}

.mobile-link-button {
  background-color: $(link.color);
}

.mobile-link-button a:link, .mobile-link-button a:visited {
  color: $(mobile.button.color);
}

.mobile .tabs-inner .section:first-child {
  border-top: none;
}

.mobile .tabs-inner .PageList .widget-content {
  background-color: $(tabs.selected.background.color);
  color: $(tabs.selected.text.color);
  border-top: $(tabs.border.width) solid $(tabs.border.color);
  border-bottom: $(tabs.border.width) solid $(tabs.border.color);
}

.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
  border-$startSide: 1px solid $(tabs.border.color);
}]]></b:skin>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>

.comment-content{white-space: pre-wrap;width: 95%;word-wrap: break-word;}
.comments .comments-content .comment {background: white;position: relative;border-radius: 0px 100px 120px;padding:5px;}
span.comment-actions, .continue {width:120px;background: #F1F1F1;border-radius: 20px 20px;text-align:center;font-weight:bold;text-decoration:none !important;}
span.comment-actions:hover, .continue:hover {background: #EBDDE2;text-decoration:none !important;}
.secondary-text{padding: 6px 12px 6px;text-decoration:none !important;}
.comments .comment .comment-actions a:hover{text-decoration:none !important;}
.comment-replies span div ol div li span {display:none !important;}
.comments .thread-toggle {background: #F3F3F3;border-radius: 20px;padding: 6px 12px 6px;font-weight: bold;}
.comments .avatar-image-container img {max-width: 40px !important;}
.datetime {display:none;}
.comments .thread-toggle:hover {background: #EBDDE2;}
.comments .comment-block {padding: 11px !important;margin-left: 48px;position: relative;left: 60px;background:#F1F1F1;border-radius: 10px;width: 51%;}
.comments .avatar-image-container img {overflow:visible !important;width:40px !important;}
.comments .avatar-image-container {width:40px !important;background: #F1F1F1;padding: 5px;border-radius: 100px;}
.avatar-image-container img,.avatar-image-container a img, .avatar-image-container {border-radius:20px;position:relative;height:40px;width:40px;background-clip:padding-box;}
.comments .avatar-image-container {max-height:50px !important;}
.comments .comments-content .comment-header {width: 63%;background:#F1F1F1;position: relative;left: -73px;}
.comments .comments-content .user {font-style: normal;font-weight: bold;position: relative;left: 80px;}
.comments .comments-content .datetime {position: absolute;left: 270px;}
.comment-thread ol div.continue {display:none !important;}
.comments .comments-content .loadmore a {
  border-top: 1px solid $(widget.alternate.text.color);
  border-bottom: 1px solid $(widget.alternate.text.color);
}
.social_share_privacy_area{clear:both;margin:5px 0;list-style-type:none;padding:0;width:auto;display:block}.social_share_privacy_area.line{height:25px;line-height:16px}.social_share_privacy_area.box{width:95px}.social_share_privacy_area li{margin:0!important;padding:0!important;list-style-type:none!important}.social_share_privacy_area.box li{text-align:center}.social_share_privacy_area.line li{height:21px;float:left}.social_share_privacy_area li .dummy_btn{cursor:pointer;padding:0;height:inherit}.social_share_privacy_area.line li .dummy_btn{float:left;margin:0 20px 0 10px}.social_share_privacy_area.box li .dummy_btn{margin-bottom:10px}.social_share_privacy_area li .dummy_btn img.privacy_dummy,.social_share_privacy_area li .dummy_btn iframe{vertical-align:bottom}.social_share_privacy_area li .dummy_btn iframe{overflow:hidden;height:inherit;width:inherit;border-style:none}.social_share_privacy_area.line li{display:inline-block}.social_share_privacy_area li .switch{display:inline-block;text-indent:-9999em;background:transparent url(http://2.bp.blogspot.com/-D45dPPlaDGY/UVhrKgM2xpI/AAAAAAAAKi8/do-C-nWYyzk/s1600/socialshareprivacy_on_off.png) no-repeat 0 0 scroll;width:23px;height:12px;overflow:hidden;margin:4px 0 0;padding:0;cursor:pointer}.social_share_privacy_area.line li .switch{float:left}.social_share_privacy_area li .switch.on{background-position:0 -12px}.social_share_privacy_area li.help_info{position:relative}.social_share_privacy_area li.settings_info,.social_share_privacy_area li.help_info .info{text-align:left}.social_share_privacy_area li.help_info .info,.social_share_privacy_area li .help_info.icon .info{display:none;position:absolute;bottom:40px;width:290px;padding:10px 15px;margin:0;font-size:12px;line-height:16px;font-weight:bold;border:1px solid #ccc;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);box-shadow:0 0 15px rgba(0,0,0,0.4);background-color:#fdfbec;color:#000;z-index:500}.social_share_privacy_area.line li.help_info .info,.social_share_privacy_area li .help_info.icon .info{left:0}.social_share_privacy_area.box li.help_info .info{left:100%;top:0;bottom:auto}.social_share_privacy_area li .help_info.icon .info{width:350px}.social_share_privacy_area li.help_info.display .info,.social_share_privacy_area li .help_info.icon.display .info{display:block}.social_share_privacy_area li.help_info.info_off.display .info{display:none}.social_share_privacy_area li .help_info.icon{background:#fff url(http://3.bp.blogspot.com/-tWbnBD7DL0k/UVhrKtpOn6I/AAAAAAAAKjA/ftFOpPkzr7c/s1600/socialshareprivacy_info.png) no-repeat center center scroll;width:25px;height:20px;position:relative;display:inline-block;vertical-align:top;border:2px solid #e7e3e3;border-right-width:0;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;margin:0;padding:0}.social_share_privacy_area li.settings_info .settings_info_menu.perma_option_off .help_info.icon{border-right-width:2px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.social_share_privacy_area li.settings_info{position:relative;top:-2px}.social_share_privacy_area li.settings_info a{text-decoration:none;margin:0!important}.social_share_privacy_area li.settings_info .settings_info_menu{background-color:#f3f4f5;color:#000;border-style:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);box-shadow:0 0 15px rgba(0,0,0,0.4);left:0;position:absolute;top:0;min-width:135px;margin:0;padding:0}.social_share_privacy_area li.settings_info .settings_info_menu.on{z-index:1000}.social_share_privacy_area li.settings_info .settings_info_menu.off{border-width:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;background-color:transparent}.social_share_privacy_area li.settings_info .settings_info_menu.off form{display:none;margin:0;padding:0}.social_share_privacy_area li.settings_info .settings_info_menu .settings{text-indent:-9999em;display:inline-block;background:#fff url(http://2.bp.blogspot.com/-tG0rP5XtnRk/UVhrKTI93SI/AAAAAAAAKi4/NCFTIhk-MTk/s1600/settings.png) no-repeat center center scroll;width:25px;height:20px;border:2px solid #e7e3e3;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;border-left:1px solid #ddd;margin:0;padding:0}.social_share_privacy_area li.settings_info .settings_info_menu form fieldset{border-width:0;margin:0;padding:0 10px 10px}.social_share_privacy_area li.settings_info .settings_info_menu form fieldset legend{font-size:11px;font-weight:bold;line-height:14px;margin:0;padding:10px 0;width:115px}.social_share_privacy_area li.settings_info .settings_info_menu form fieldset input{margin:4px 10px 4px 0;padding:0}.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label{display:block;font-size:12px;font-weight:bold;line-height:24px;-moz-transition:color .5s ease-in;-webkit-transition:color .5s ease-in;transition:color .5s ease-in;margin:0;padding:0;white-space:nowrap}.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label.checked{color:#090}.social_share_privacy_area.line .facebook .fb_like{margin-right:30px;width:120px}.social_share_privacy_area.line .facebook iframe{width:130px;height:21px}.social_share_privacy_area.box .facebook iframe{width:62px;height:62px}.social_share_privacy_area.line .gplus img.gplusone_privacy_dummy{width:32px}.social_share_privacy_area.line li div.gplusone{width:90px}.social_share_privacy_area.box li div.gplusone{min-width:50px;min-height:65px}.social_share_privacy_area.line li div.tweet{width:115px}.social_share_privacy_area.line .twitter iframe{width:120px;height:20px}.social_share_privacy_area.box .twitter iframe{width:62px;height:62px}
</style>
</b:if>

<b:template-skin> 

  <b:variable default='960px' name='content.width' type='string' value='1300px'/>
  <b:variable default='0' name='main.column.left.width' type='length' value='180px'/>
  <b:variable default='310px' name='main.column.right.width' type='string' value='265px'/>

  <b:variable default='31px' name='header.right.width' type='length' value='40px'/>
  <b:variable default='31px' name='header.left.width' type='length' value='45px'/>



  <![CDATA[

      .main-inner .columns {
        padding-left: $(main.column.left.width);
        padding-right: $(main.column.right.width);
      }

      .main-inner .fauxcolumn-center-outer {
        left: $(main.column.left.width);
        right: $(main.column.right.width);
        /* IE6 does not respect left and right together */
        _width: expression(this.parentNode.offsetWidth -
            parseInt("$(main.column.left.width)") -
            parseInt("$(main.column.right.width)") + 'px');
      }

      .main-inner .fauxcolumn-left-outer {
        width: $(main.column.left.width);
      }

      .main-inner .fauxcolumn-right-outer {
        width: $(main.column.right.width);
      }

      .main-inner .column-left-outer {
        width: $(main.column.left.width);
        right: 100%;
        margin-left: -$(main.column.left.width);
      }

      .main-inner .column-right-outer {
        width: $(main.column.right.width);
        margin-right: -$(main.column.right.width);
		transition: all 1s;
		-moz-transition: all 1s; 
		-webkit-transition: all 1s; 
		-o-transition: all 1s;
      }

      #layout {
        min-width: 0;
      }

      #layout .content-outer {
        min-width: 0;
        width: 800px;
      }

      #layout .region-inner {
        min-width: 0;
        width: auto;
      }
      ]]>
</b:template-skin>

<style>
	body{background:#fff;}
    .fauxcolumn-right-outer, .fauxcolumn-center-outer{background:#fff;}
    .section{margin:0;}
	.content-outer, .content-fauxcolumn-outer, .region-inner {
	  min-width: 100%;
	  max-width: 100%;
	  _width: 100%;
	}
  .header-inner .widget{margin:0;}
  body .navbar{height:0;}
  .date-posts .inline-ad{text-align:left;}
  .content-outer, .region-inner{padding-bottom:0;}
  .footer-inner{padding:0;}
  .content-inner{padding:0;}
  .fauxcolumn-left-outer .fauxcolumn-inner{border-right:1px solid #b3b3b3;}
  .main-inner{padding:0;}
  .main-inner .column-left-inner{padding:0;}
  .main-inner .column-left-inner aside{padding:15px;
    box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-o-box-sizing:border-box;
  }
  aside{padding-top:15px;}
  .shareBox h2{margin-bottom:5px;}
  .column-left-inner aside{font-size:8pt;}
  .column-left-inner aside h3 {
    font-size: 15px;
    font-weight: normal;
  }
  .column-left-inner aside ul{list-style-type:none;padding:0;}
  .column-left-inner aside ul li{padding:0;}
  .column-left-inner aside ul li span{display:block;font-weight:bold;padding: 2px;
    border: 1px solid #e5e5e5;
    margin-top: 1px;
    border-radius: 2px
  }
  .column-left-inner aside ul li span, .column-left-inner aside ul li a{color:#000;font-family: verdana, helvetica, arial, sans-serif;background-color: #ffffff;}
  .column-left-inner aside ul li span, .column-left-inner aside ul li a:hover{background-color: #ffffff;}
  .column-left-inner aside ul li a{background-color: #F6F4F0;
    color: #000000;
    text-decoration: none;
    display: block;
    padding: 2px;
    border: 1px solid #e5e5e5;
    margin-top: 1px;
    border-radius: 2px}
  .post-timestamp{margin:0;}
  header{padding:5px 0;}
  
  .gsc-control-cse{background:#F6F4F0!important;border: 1px solid #e5e5e5!important;border-radius: 2px!important;position:relative;margin:20px 0;}
  #HTML2 .gsc-control-cse{margin-top:20px;margin-bottom:-20px;}
  
.gsc-control-cse:before{position:absolute;bottom:5px;left:13px;content:&#39;Search FrontEndLab&#39;;display:block;height:10px;z-index:111;font-size:9pt;line-height:1;color:#777}
  
  
  /* Related */
  .widget{margin:15px 0;}
.related-posts-widget{}
.related-posts-widget ul{list-style-type:none;padding:0;}
.related-posts-widget ul li a{display:table;}
.related-posts-widget ul li a span{float:left;margin-right:5px;}
.related-posts-widget ul li a span img{border:1px solid #ccc;}
 .related-posts-widget ul li a strong{clear:both;font-weight:normal;}
  
  
  /* Prettyprint */
.com { color: #93a1a1; }
.lit { color: #195f91; }
.pun, .opn, .clo { color: #93a1a1; }
.fun { color: #dc322f; }
.str, .atv { color: #D14; }
.kwd, .linenums .tag { color: #1e347b; }
.typ, .atn, .dec, .var { color: teal; }
.pln { color: #48484c; }
.prettyprint {
  padding: 8px;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}
.prettyprint.linenums {
  -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
     -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
          box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
}
/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
  margin: 0 0 0 33px; /* IE indents via margin-left */
} 
ol.linenums li {
  padding-left: 12px;
  color: #bebec5;
  line-height: 18px;
  text-shadow: 0 1px 0 #fff;
}

/* demo css */
.demo{border:1px dotted #cecece;padding:10px;}
pre.prettyprint{overflow:auto;}
pre.prettyprint ol{margin-left:-8px;}
  
</style>

<script type='text/javascript'>
	var thumbnail_mode = &quot;no-float&quot; ; 
	summary_noimg = 430;
	summary_img = 340;
	img_thumb_height = 200;
	img_thumb_width = 200;
</script>
<script type='text/javascript'>
	//<![CDATA[
	function removeHtmlTag(strx,chop){ 
		if(strx.indexOf("<")!=-1)
		{
			var s = strx.split("<"); 
			for(var i=0;i<s.length;i++){ 
				if(s[i].indexOf(">")!=-1){ 
					s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); 
				} 
			} 
			strx =  s.join(""); 
		}
		chop = (chop < strx.length-1) ? chop : strx.length-2; 
		while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; 
		strx = strx.substring(0,chop-1); 
		return strx+'...'; 
	}
	
	function createSummaryAndThumb(pID){
		var div = document.getElementById(pID);
		var imgtag = "";
		var img = div.getElementsByTagName("img");
		var summ = summary_noimg;
		if(img.length>=1) {	
			imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
			summ = summary_img;
		}
		
		var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
		div.innerHTML = summary;
	}
	//]]>
</script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'>  </script>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <script type='text/javascript'>
// <![CDATA[
(function(c,d){function q(z,B){if(!B){B=document.baseURI||c("html > head > base").last().attr("href")||document.location.href;}if(!z){return B;}else{if(/^[a-z][-+\.a-z0-9]*:/i.test(z)){return z;}else{if(z.slice(0,2)==="//"){return/^[^:]+:/.exec(B)[0]+z;}}}var A=z.charAt(0);if(A==="/"){if(/^file:/i.test(B)){return"file://"+z;}else{return/^[^:]+:\/*[^\/]+/i.exec(B)[0]+z;}}else{if(A==="#"){return B.replace(/#.*$/,"")+z;}else{if(A==="?"){return B.replace(/[\?#].*$/,"")+z;}else{var C;if(/^file:/i.test(B)){C=B.replace(/^file:\/{0,2}/i,"");B="file://";}else{var y=/^([^:]+:\/*[^\/]+)(\/.*?)?(\?.*?)?(#.*)?$/.exec(B);B=y[1];C=y[2]||"/";}C=C.split("/");C.pop();if(C.length===0){C.push("");}C.push(z);return B+C.join("/");}}}}function f(A){A=Number(A);var B="";var C="";if(A<0){B="-";A=-A;}if(A===Infinity){return B+"Infinity";}if(A>9999){A=A/1000;C="K";}A=Math.round(A);if(A===0){return"0";}var z=[];while(A>0){var y=String(A%1000);A=Math.floor(A/1000);if(A){while(y.length<3){y="0"+y;}}z.unshift(y);}return B+z.join(",")+C;}function j(y,B,A){var C=A&&A.title;if(typeof C==="function"){C=C.call(this,y,B,A);}if(C){return C;}var C=c('meta[name="DC.title"]').attr("content");var z=c('meta[name="DC.creator"]').attr("content");if(C&&z){return C+" - "+z;}else{return C||c('meta[property="og:title"]').attr("content")||c("title").text();}}function i(y,B,z){var A=z&&z.description;if(typeof A==="function"){A=A.call(this,y,B,z);}if(A){return A;}return t(c('meta[name="twitter:description"]').attr("content")||c('meta[itemprop="description"]').attr("content")||c('meta[name="description"]').attr("content")||c.trim(c("article, p").first().text())||c.trim(c("body").text()),3500);}var l={META:"content",IMG:"src",A:"href",IFRAME:"src",LINK:"href"};function b(z,B,A){var C,y=A&&A.image;if(typeof y==="function"){y=y.call(this,z,B,A);}if(!y){C=c('meta[property="image"], meta[property="og:image"], meta[property="og:image:url"], meta[name="twitter:image"], link[rel="image_src"], itemscope *[itemprop="image"]').first();if(C.length>0){y=C.attr(l[C[0].nodeName]);}}if(y){return q(y);}C=c("img").filter(":visible").filter(function(){return c(this).parents(".social_share_privacy_area").length===0;});if(C.length===0){y=c('link[rel~="shortcut"][rel~="icon"]').attr("href");if(y){return q(y);}return"http://www.google.com/s2/favicons?"+c.param({domain:location.hostname});}C.sort(function(D,E){return E.offsetWidth*E.offsetHeight-D.offsetWidth*D.offsetHeight;});return C[0].src;}function t(B,A){if(unescape(encodeURIComponent(B)).length<=A){return B;}var y=B.slice(0,A-3);if(!/\W/.test(B.charAt(A-3))){var z=/^(.*)\s\S*$/.exec(y);if(z){y=z[1];}}return y+"\u2026";}var a={"<":"&lt;",">":"&gt;","&":"&amp;",'"':"&quot;","'":"&#39;"};function o(y){return y.replace(/[<>&"']/g,function(z){return a[z];});}function k(A,D,C){var E=C&&C.embed;if(typeof E==="function"){E=E.call(this,A,D,C);}if(E){return E;}E=['<iframe scrolling="no" frameborder="0" style="border:none;" allowtransparency="true"'];var z=c('meta[name="twitter:player"]').attr("content");if(z){var B=c('meta[name="twitter:player:width"]').attr("content");var y=c('meta[name="twitter:player:height"]').attr("content");if(B){E.push(' width="',o(B),'"');}if(y){E.push(' height="',o(y),'"');}}else{z=D+A.referrer_track;}E.push(' src="',o(z),'"></iframe>');return E.join("");}function n(z){var A=document.location.href;var y=c("link[rel=canonical]").attr("href")||c('head meta[property="og:url"]').attr("content");if(y){A=q(y);}else{if(z&&z.ignore_fragment){A=A.replace(/#.*$/,"");}}return A;}function s(z){function y(G){var H=c(this).parents("li.help_info").first();var D=H.parents(".social_share_privacy_area").first().parent();var C=D.data("social-share-privacy-options");var A=C.services[z];var B=A.button_class||z;var F=C.uri;if(typeof F==="function"){F=F.call(D[0],C);}var E=H.find("span.switch");if(E.hasClass("off")){H.addClass("info_off");E.addClass("on").removeClass("off").html(A.txt_on||"\u00a0");H.find("img.privacy_dummy").replaceWith(typeof(A.button)==="function"?A.button.call(H.parent().parent()[0],A,F,C):A.button);D.trigger({type:"socialshareprivacy:enable",serviceName:z,isClick:!G.isTrigger});}else{H.removeClass("info_off");E.addClass("off").removeClass("on").html(A.txt_off||"\u00a0");H.find(".dummy_btn").empty().append(c("<img/>").addClass(B+"_privacy_dummy privacy_dummy").attr({alt:A.dummy_alt,src:A.path_prefix+(C.layout==="line"?A.dummy_line_img:A.dummy_box_img)}).click(y));D.trigger({type:"socialshareprivacy:disable",serviceName:z,isClick:!G.isTrigger});}}return y;}function x(){var y=c(this);if(y.hasClass("info_off")){return;}var z=window.setTimeout(function(){y.addClass("display");y.removeData("timeout_id");},500);y.data("timeout_id",z);}function w(){var y=c(this);var z=y.data("timeout_id");if(z!==d){window.clearTimeout(z);}y.removeClass("display");}function r(){var A=c(this);var z=A.parents(".social_share_privacy_area").first().parent();var y=z.data("social-share-privacy-options");if(A.is(":checked")){y.set_perma_option(A.attr("data-service"),y);A.parent().addClass("checked");}else{y.del_perma_option(A.attr("data-service"),y);A.parent().removeClass("checked");}}function p(){var y=c(this);var z=window.setTimeout(function(){y.find(".settings_info_menu").removeClass("off").addClass("on");y.removeData("timeout_id");},500);y.data("timeout_id",z);}function e(){var y=c(this);var z=y.data("timeout_id");if(z!==d){window.clearTimeout(z);}y.find(".settings_info_menu").removeClass("on").addClass("off");}function v(z,y){c.cookie("socialSharePrivacy_"+z,"perma_on",y.cookie_expires,y.cookie_path,y.cookie_domain);}function m(z,y){c.cookie("socialSharePrivacy_"+z,null,-1,y.cookie_path,y.cookie_domain);}function g(z,y){return !!y.get_perma_options(y)[z];}function u(A){var C=c.cookie();var B={};for(var z in C){var y=/^socialSharePrivacy_(.+)$/.exec(z);if(y){B[y[1]]=C[z]==="perma_on";}}return B;}function h(z){if(typeof z==="string"){var B=z;if(arguments.length===1){switch(B){case"enable":this.find(".switch.off").click();break;case"disable":this.find(".switch.on").click();break;case"toggle":this.find(".switch").click();break;case"options":return this.data("social-share-privacy-options");case"destroy":this.trigger({type:"socialshareprivacy:destroy"});this.children(".social_share_privacy_area").remove();this.removeData("social-share-privacy-options");break;default:throw new Error("socialSharePrivacy: unknown command: "+B);}}else{var y=arguments[1];switch(B){case"enable":this.each(function(){var D=c(this);var C=D.data("social-share-privacy-options");D.find("."+(C.services[y].class_name||y)+" .switch.off").click();});break;case"disable":this.each(function(){var D=c(this);var C=D.data("social-share-privacy-options");D.find("."+(C.services[y].class_name||y)+" .switch.on").click();});break;case"toggle":this.each(function(){var D=c(this);var C=D.data("social-share-privacy-options");D.find("."+(C.services[y].class_name||y)+" .switch").click();});break;case"option":if(arguments.length>2){var A={};A[y]=arguments[2];this.each(function(){c.extend(true,c(this).data("social-share-privacy-options"),A);});}else{return this.data("social-share-privacy-options")[y];}break;case"options":c.extend(true,z,y);break;default:throw new Error("socialSharePrivacy: unknown command: "+B);}}return this;}return this.each(function(){var ae={};if(this.lang){ae.language=this.lang;}for(var V=0,N=this.attributes;V<N.length;++V){var P=N[V];if(/^data-./.test(P.name)){var L=P.name.slice(5).replace(/-/g,"_").split(".");var Q=ae,T=0;for(;T<L.length-1;++T){var ah=L[T];if(ah in Q){Q=Q[ah];if(typeof Q==="string"){Q=(new Function("$","return ("+Q+");")).call(this,c);}}else{Q=Q[ah]={};}}var ah=L[T];if(typeof Q[ah]==="object"){Q[ah]=c.extend(true,(new Function("$","return ("+P.value+");")).call(this,c),Q[ah]);}else{Q[ah]=P.value;}}}if("cookie_expires" in ae){ae.cookie_expires=Number(ae.cookie_expires);}if("perma_option" in ae){ae.perma_option=c.trim(ae.perma_option).toLowerCase()==="true";}if("ignore_fragment" in ae){ae.ignore_fragment=c.trim(ae.ignore_fragment).toLowerCase()==="true";}if("set_perma_option" in ae){ae.set_perma_option=new Function("service_name","options",ae.set_perma_option);}if("del_perma_option" in ae){ae.del_perma_option=new Function("service_name","options",ae.del_perma_option);}if("get_perma_option" in ae){ae.get_perma_option=new Function("service_name","options",ae.get_perma_option);}if("get_perma_options" in ae){ae.get_perma_options=new Function("options",ae.get_perma_options);}if("order" in ae){ae.order=c.trim(ae.order);if(ae.order){ae.order=ae.order.split(/\s+/g);}else{delete ae.order;}}if(typeof ae.services==="string"){ae.services=(new Function("$","return ("+ae.services+");")).call(this,c);}if("options" in ae){ae=c.extend(ae,(new Function("$","return ("+ae.options+");")).call(this,c));delete ae.options;}if("services" in ae){for(var J in ae.services){var ag=ae.services[J];if(typeof ag==="string"){ae.services[J]=(new Function("$","return ("+ag+");")).call(this,c);}if(typeof ag.status==="string"){ag.status=c.trim(ag.status).toLowerCase()==="true";}if(typeof ag.perma_option==="string"){ag.perma_option=c.trim(ag.perma_option).toLowerCase()==="true";}}}var W=c.extend(true,{},h.settings,z,ae);var U=W.order||[];var D=W.layout==="line"?"dummy_line_img":"dummy_box_img";var S=false;var I=false;var af=false;var C=[];for(var J in W.services){var ag=W.services[J];if(ag.status){S=true;if(c.inArray(J,U)===-1){C.push(J);}if(ag.privacy!=="safe"){af=true;if(ag.perma_option){I=true;}}}if(!("language" in ag)){ag.language=W.language;}if(!("path_prefix" in ag)){ag.path_prefix=W.path_prefix;}if(!("referrer_track" in ag)){ag.referrer_track="";}}C.sort();U=U.concat(C);if(!S){return;}if(W.css_path){var aa=(W.path_prefix||"")+W.css_path;if(document.createStyleSheet){document.createStyleSheet(aa);}else{if(c('link[href="'+aa+'"]').length===0){c("<link/>",{rel:"stylesheet",type:"text/css",href:aa}).appendTo(document.head);}}}var ac;if(W.perma_option&&I){if(W.get_perma_options){ac=W.get_perma_options(W);}else{ac={};for(var J in W.services){ac[J]=W.get_perma_option(J,W);}}}var F=W.uri;if(typeof F==="function"){F=F.call(this,W);}var K=c('<ul class="social_share_privacy_area"></ul>').addClass(W.layout);var H=c(this);H.prepend(K).data("social-share-privacy-options",W);for(var V=0;V<U.length;++V){var J=U[V];var ag=W.services[J];if(ag&&ag.status){var R=ag.class_name||J;var ad=ag.button_class||J;var ab;if(ag.privacy==="safe"){ab=c('<li class="help_info"><div class="info">'+ag.txt_info+'</div><div class="dummy_btn"></div></li>').addClass(R);ab.find(".dummy_btn").addClass(ad).append(ag.button.call(this,ag,F,W));}else{ab=c('<li class="help_info"><div class="info">'+ag.txt_info+'</div><span class="switch off">'+(ag.txt_off||"\u00a0")+'</span><div class="dummy_btn"></div></li>').addClass(R);ab.find(".dummy_btn").addClass(ad).append(c("<img/>").addClass(ad+"_privacy_dummy privacy_dummy").attr({alt:ag.dummy_alt,src:ag.path_prefix+ag[D]}));ab.find(".dummy_btn img.privacy_dummy, span.switch").click(s(J));}K.append(ab);}}if(af){var Z=c('<li class="settings_info"><div class="settings_info_menu off perma_option_off"><a>'+'<span class="help_info icon"><span class="info">'+W.txt_help+"</span></span></a></div></li>");var M=Z.find("> .settings_info_menu > a").attr("href",W.info_link);if(W.info_link_target){M.attr("target",W.info_link_target);}K.append(Z);K.find(".help_info").on("mouseenter",x).on("mouseleave",w);if(W.perma_option&&I){var G=K.find("li.settings_info");var X=G.find(".settings_info_menu");X.removeClass("perma_option_off");X.append('<span class="settings">'+W.txt_settings+"</span><form><fieldset><legend>"+W.settings_perma+"</legend></fieldset></form>");var Y=X.find("form fieldset");for(var V=0;V<U.length;++V){var J=U[V];var ag=W.services[J];if(ag&&ag.status&&ag.perma_option&&ag.privacy!=="safe"){var R=ag.class_name||J;var E=ac[J];var O=c('<label><input type="checkbox"'+(E?' checked="checked"/>':"/>")+ag.display_name+"</label>");O.find("input").attr("data-service",J);Y.append(O);if(E){K.find("li."+R+" span.switch").click();W.set_perma_option(J,W);}}}G.find("span.settings").css("cursor","pointer");G.on("mouseenter",p).on("mouseleave",e);G.find("fieldset input").on("change",r);}}H.trigger({type:"socialshareprivacy:create",options:W});});}h.absurl=q;h.escapeHtml=o;h.getTitle=j;h.getImage=b;h.getEmbed=k;h.getDescription=i;h.abbreviateText=t;h.formatNumber=f;h.settings={"services":{},"info_link":"http://panzi.github.com/SocialSharePrivacy/","info_link_target":"","txt_settings":"Settings","txt_help":"If you activate these fields via click, data will be sent to a third party (Facebook, Twitter, Google, ...) and stored there. For more details click <em>i</em>.","settings_perma":"Permanently enable share buttons:","layout":"line","set_perma_option":v,"del_perma_option":m,"get_perma_options":u,"get_perma_option":g,"perma_option":!!c.cookie,"cookie_path":"/","cookie_domain":document.location.hostname,"cookie_expires":365,"path_prefix":"","css_path":"","uri":n,"language":"en","ignore_fragment":true};c.fn.socialSharePrivacy=h;c(document).ready(function(){c('script[type="application/x-social-share-privacy-settings"]').each(function(){var y=(new Function("return ("+c.text(this)+");")).call(this);if(typeof y==="object"){c.extend(true,c.fn.socialSharePrivacy.settings,y);}});});}(jQuery));(function(b,c){var a={"af":["ZA"],"ar":["AR"],"az":["AZ"],"be":["BY"],"bg":["BG"],"bn":["IN"],"bs":["BA"],"ca":["ES"],"cs":["CZ"],"cy":["GB"],"da":["DK"],"de":["DE"],"el":["GR"],"en":["US","GB","PI","UD"],"eo":["EO"],"es":["ES","LA"],"et":["EE"],"eu":["ES"],"fa":["IR"],"fb":["LT"],"fi":["FI"],"fo":["FO"],"fr":["CA","FR"],"fy":["NL"],"ga":["IE"],"gl":["ES"],"he":["IL"],"hi":["IN"],"hr":["HR"],"hu":["HU"],"hy":["AM"],"id":["ID"],"is":["IS"],"it":["IT"],"ja":["JP"],"ka":["GE"],"km":["KH"],"ko":["KR"],"ku":["TR"],"la":["VA"],"lt":["LT"],"lv":["LV"],"mk":["MK"],"ml":["IN"],"ms":["MY"],"nb":["NO"],"ne":["NP"],"nl":["NL"],"nn":["NO"],"pa":["IN"],"pl":["PL"],"ps":["AF"],"pt":["BR","PT"],"ro":["RO"],"ru":["RU"],"sk":["SK"],"sl":["SI"],"sq":["AL"],"sr":["RS"],"sv":["SE"],"sw":["KE"],"ta":["IN"],"te":["IN"],"th":["TH"],"tl":["PH"],"tr":["TR"],"uk":["UA"],"vi":["VN"],"zh":["CN","HK","TW"]};b.fn.socialSharePrivacy.settings.services.facebook={"status":true,"button_class":"fb_like","dummy_line_img":"http://3.bp.blogspot.com/-GCNuFW9pGrs/UVhrJ7PTnEI/AAAAAAAAKik/2LDRa0NXN_k/s1600/dummy_facebook.png","dummy_box_img":"http://3.bp.blogspot.com/-GCNuFW9pGrs/UVhrJ7PTnEI/AAAAAAAAKik/2LDRa0NXN_k/s1600/dummy_facebook.png","dummy_alt":'Facebook "Like"-Dummy',"txt_info":"Two clicks for more privacy: The Facebook Like button will be enabled once you click here. Activating the button already sends data to Facebook &ndash; see <em>i</em>.","txt_off":"not connected to Facebook","txt_on":"connected to Facebook","perma_option":true,"display_name":"Facebook","referrer_track":"","action":"like","colorscheme":"light","font":"","button":function(f,i,h){var e=/^([a-z]{2})_([A-Z]{2})$/.exec(f.language);var d="en_US";if(e){if(e[1] in a){var g=a[e[1]];if(b.inArray(e[2],g)!==-1){d=f.language;}else{d=e[1]+"_"+g[0];}}}else{if(f.language in a){d=f.language+"_"+a[f.language][0];}}var j={locale:d,href:i+f.referrer_track,send:"false",show_faces:"false",action:f.action,colorscheme:f.colorscheme};if(f.font){j.font=f.font;}if(h.layout==="line"){j.width="120";j.height="20";j.layout="button_count";}else{j.width=62;j.height=61;j.layout="box_count";}return b('<iframe scrolling="no" frameborder="0" allowtransparency="true"></iframe>').attr("src",("https:"===document.location.protocol?"https:":"http:")+"//www.facebook.com/plugins/like.php?"+b.param(j));}};})(jQuery);(function(a,b){a.fn.socialSharePrivacy.settings.services.twitter={"status":true,"button_class":"tweet","dummy_line_img":"http://4.bp.blogspot.com/-QhPDyjeNS1k/UVhrJypxt5I/AAAAAAAAKio/dLhk9CG0Hkk/s1600/dummy_twitter.png","dummy_box_img":"http://4.bp.blogspot.com/-QhPDyjeNS1k/UVhrJypxt5I/AAAAAAAAKio/dLhk9CG0Hkk/s1600/dummy_twitter.png","dummy_alt":'"Tweet this"-Dummy',"txt_info":"Two clicks for more privacy: The Tweet this button will be enabled once you click here. Activating the button already sends data to Twitter &ndash; see <em>i</em>.","txt_off":"not connected to Twitter","txt_on":"connected to Twitter","perma_option":true,"display_name":"Twitter","referrer_track":"","via":"","related":"","hashtags":"","dnt":true,"text":a.fn.socialSharePrivacy.getTitle,"button":function(c,e,d){var g=typeof(c.text)==="function"?c.text.call(this,c,e,d):String(c.text);g=a.fn.socialSharePrivacy.abbreviateText(g,120);var f={url:e+c.referrer_track,counturl:e,text:g,count:d.layout==="line"?"horizontal":"vertical",lang:c.language};if(c.via){f.via=c.via;}if(c.related){f.related=c.related;}if(c.hashtags){f.hashtags=c.hashtags;}if(c.dnt){f.dnt=c.dnt;}return a('<iframe allowtransparency="true" frameborder="0" scrolling="no"></iframe>').attr("src",("https:"===document.location.protocol?"https:":"http:")+"//platform.twitter.com/widgets/tweet_button.html?"+a.param(f).replace(/\+/g,"%20"));}};})(jQuery);(function(a,b){a.fn.socialSharePrivacy.settings.services.gplus={"status":true,"button_class":"gplusone","dummy_line_img":"http://3.bp.blogspot.com/-1TAP1qbFtJ0/UVhrJ48BBHI/AAAAAAAAKis/JoIj5A2YjQU/s1600/dummy_gplus.png","dummy_box_img":"http://3.bp.blogspot.com/-1TAP1qbFtJ0/UVhrJ48BBHI/AAAAAAAAKis/JoIj5A2YjQU/s1600/dummy_gplus.png","dummy_alt":'"Google+1"-Dummy',"txt_info":"Two clicks for more privacy: The Google+ button will be enabled once you click here. Activating the button already sends data to Google &ndash; see <em>i</em>.","txt_off":"not connected to Google+","txt_on":"connected to Google+","perma_option":true,"display_name":"Google+","referrer_track":"","button":function(d,f,e){var c=a('<div class="g-plusone"></div><script type="text/javascript">window.___gcfg = {lang: "'+d.language.replace("_","-")+'"}; (function() { var po = document.createElement("script"); '+'po.type = "text/javascript"; po.async = true; po.src = "https://apis.google.com/js/plusone.js"; '+'var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s); })(); <\/script>');c.filter(".g-plusone").attr({"data-href":f+d.referrer_track,"data-size":e.layout==="line"?"medium":"tall"});return c;}};})(jQuery);
// ]]>
</script></b:if>
    
  <script src='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js' type='text/javascript'/>
    
  <script>
    function setHeight(bheight){
        if($(&#39;.column-left-inner aside&#39;).length &gt; 0){
            $(&#39;.column-left-inner aside&#39;).css({&#39;height&#39; : bheight, &#39;overflow-y&#39;:&#39;auto&#39;});
        }
    }
    setHeight($( window ).height());
    
    $( window ).resize(function() {
        setHeight($(this).height());
    });
  </script>
    
  </head>

  <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
    <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'>
      <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener(&#39;load&#39;,
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
      }
    }
  &lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
        gapi.load(&quot;iframes-styles-bubble&quot;, function() {
          if (window.iframes &amp;&amp; iframes.open) {
            iframes.open(
                &#39;//www.blogger.com/navbar.g?targetBlogID\0755423615050781445612\46blogName\75FrontEndLab\46publishMode\75PUBLISH_MODE_HOSTED\46navbarType\75DISABLED\46layoutType\75LAYOUTS\46searchRoot\75http://www.frontendlab.net/search\46blogLocale\75en_GB\46v\0752\46homepageUrl\75http://www.frontendlab.net/\46vt\075268408232491341229&#39;,
                {
                  container: &quot;navbar-iframe-container&quot;,
                  id: &quot;navbar-iframe&quot;
                },
                {
                });
          }
        });
      &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
&lt;/script&gt;
</b:includable>
    </b:widget>
  </b:section>

  <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
      <meta expr:content='data:blog.title' itemprop='name'/>
      <b:if cond='data:blog.metaDescription'>
        <meta expr:content='data:blog.metaDescription' itemprop='description'/>
      </b:if>
    </div>
  </b:if>

  <div class='body-fauxcolumns'>
    <div class='fauxcolumn-outer body-fauxcolumn-outer'>
    <div class='cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left'>
    <div class='fauxborder-right'/>
    <div class='fauxcolumn-inner'>
    </div>
    </div>
    <div class='cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
  </div>
 
  <div class='content'>
  <div class='content-fauxcolumns'>
    <div class='fauxcolumn-outer content-fauxcolumn-outer'>
    <div class='cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left'>
    <div class='fauxborder-right'/>
    <div class='fauxcolumn-inner'>
    </div>
    </div>
    <div class='cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
  </div>

  <div class='content-outer'>
  <div class='content-cap-top cap-top'>
    <div class='cap-left'/>
    <div class='cap-right'/>
  </div>
  <div class='fauxborder-left content-fauxborder-left'>
  <div class='fauxborder-right content-fauxborder-right'/>
  <div class='content-inner'>

    <header>
    <div class='header-outer'>
    <div class='header-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left header-fauxborder-left'>
    <div class='fauxborder-right header-fauxborder-right'/>
    <div class='region-inner header-inner'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
        <b:widget id='HTML1' locked='false' title='' type='HTML'>
          <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
        </b:widget>
      </b:section>
 
<div style='clear: both;'/>
    </div>
    </div>
    <div class='header-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
    </header>

    <div class='tabs-outer'>
    <div class='tabs-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left tabs-fauxborder-left'>
    <div class='fauxborder-right tabs-fauxborder-right'/>
    <div class='region-inner tabs-inner'>
      <b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
        <b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
          <b:includable id='main'>
  <b:if cond='data:title'><h3><data:title/></h3></b:if>
  <div class='widget-content'>
    <b:if cond='data:mobile'>
      <select expr:id='data:widget.instanceId + &quot;_select&quot;'>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <option expr:value='data:link.href' selected='selected'><data:link.title/></option>
          <b:else/>
            <option expr:value='data:link.href'><data:link.title/></option>
          </b:if>
        </b:loop>
      </select>
      <span class='pagelist-arrow'>&amp;#9660;</span>

    <b:else/>
      <ul>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
          <b:else/>
            <li><a expr:href='data:link.href'><data:link.title/></a></li>
          </b:if>
        </b:loop>
      </ul>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
        </b:widget>
      </b:section>
      <b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
    </div>
    </div>
    <div class='tabs-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>

    <div class='main-outer'>
    <div class='main-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>

    <div class='fauxborder-left main-fauxborder-left'>
    <div class='fauxborder-right main-fauxborder-right'/>
    <div class='region-inner main-inner'>

      <div class='columns fauxcolumns'>

        <div class='fauxcolumn-outer fauxcolumn-center-outer'>
        <div class='cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left'>
        <div class='fauxborder-right'/>
        <div class='fauxcolumn-inner'>
        </div>
        </div>
        <div class='cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>

        <div class='fauxcolumn-outer fauxcolumn-left-outer'>
        <div class='cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left'>
        <div class='fauxborder-right'/>
        <div class='fauxcolumn-inner'>
        </div>
        </div>
        <div class='cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>

        <div class='fauxcolumn-outer fauxcolumn-right-outer'>
        <div class='cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left'>
        <div class='fauxborder-right'/>
        <div class='fauxcolumn-inner'>
        </div>
        </div>
        <div class='cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>

        <!-- corrects IE6 width calculation -->
        <div class='columns-inner'>

        <div class='column-center-outer'>
        <div class='column-center-inner'>
          <b:section class='main' id='main' showaddelement='yes'>
            <b:widget id='HTML2' locked='false' title='' type='HTML'>
              <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
            </b:widget>
            <b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'>
              <b:includable id='main' var='top'>
  <b:if cond='data:mobile == &quot;false&quot;'>

    <!-- posts -->
    <div class='blog-posts hfeed'>

      <b:include data='top' name='status-message'/>

      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart'>
          <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
            &lt;/div&gt;&lt;/div&gt;
          </b:if>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>
        
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-posts&quot;&gt;
        </b:if>
        <div class='post-outer'>
        <b:include data='post' name='post'/>
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        </div>
        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
          <data:adStart/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
      <data:adEnd/>
    </div>
    
    <!-- comments -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <div class='shareBox'>
        <h2>Share this page:</h2>
        
        <!-- AddThis Button BEGIN -->
        <div class='addthis_toolbox addthis_default_style'>
        <a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
        <a class='addthis_button_google_plusone' g:plusone:size='medium'/>
        <a class='addthis_button_tweet'/>
        <a class='addthis_counter addthis_pill_style'/>
        </div>
        <script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=undefined' type='text/javascript'/>
        <!-- AddThis Button END -->
      </div>
      
      <script>
        (function() {
          var cx = &#39;014195562402739859854:nqygurh2ifs&#39;;
          var gcse = document.createElement(&#39;script&#39;);
          gcse.type = &#39;text/javascript&#39;;
          gcse.async = true;
          gcse.src = (document.location.protocol == &#39;https:&#39; ? &#39;https:&#39; : &#39;http:&#39;) +
              &#39;//www.google.com/cse/cse.js?cx=&#39; + cx;
          var s = document.getElementsByTagName(&#39;script&#39;)[0];
          s.parentNode.insertBefore(gcse, s);
        })();
      </script>
      <gcse:search/>
      
      
		<div id='disqus_thread'/>
        <script type='text/javascript'>
            /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
            var disqus_shortname = &#39;frontendlab&#39;; // required: replace example with your forum shortname
    
            /* * * DON&#39;T EDIT BELOW THIS LINE * * */
            (function() {
                var dsq = document.createElement(&#39;script&#39;); dsq.type = &#39;text/javascript&#39;; dsq.async = true;
                dsq.src = &#39;//&#39; + disqus_shortname + &#39;.disqus.com/embed.js&#39;;
                (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(dsq);
            })();
        </script>
        <noscript>Please enable JavaScript to view the <a href='http://disqus.com/?ref_noscript'>comments powered by Disqus.</a></noscript>
        <a class='dsq-brlink' href='http://disqus.com'>comments powered by <span class='logo-disqus'>Disqus</span></a>
      
	</b:if>

    <!-- navigation -->
    <b:include name='nextprev'/>

    <!-- feed links -->
    <b:include name='feedLinks'/>

    <b:if cond='data:top.showStars'>
      <script src='//www.google.com/jsapi' type='text/javascript'/>
      <script type='text/javascript'>
        google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
        function initialize() {
          google.annotations.setApplicationId(<data:top.blogspotReviews/>);
          google.annotations.createAll();
          google.annotations.fetch();
        }
        google.setOnLoadCallback(initialize);
      </script>
    </b:if>

  <b:else/>
    <b:include name='mobile-main'/>
  </b:if>

  <b:if cond='data:top.showDummy'>
    <data:top.dummyBootstrap/>
  </b:if>

</b:includable>
              <b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
              <b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'>&#160;</span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
              <b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <h4 id='comment-post-message'><data:postCommentMsg/></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
              <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='//www.blogger.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </span>
</b:includable>
              <b:includable id='comment_count_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
    </span>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
      </span>
    <b:else/>
      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
        <data:post.commentLabelFull/>:
      </a>
    </b:if>
  </b:if>
</b:includable>
              <b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <b:include data='post' name='iframe_comments'/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <b:include data='post' name='iframe_comments'/>
    <b:else/>
      <b:if cond='data:post.showThreadedComments'>
        <b:include data='post' name='threaded_comments'/>
      <b:else/>
        <b:include data='post' name='comments'/>
      </b:if>
    </b:if>
  </b:if>
</b:includable>
              <b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4><data:post.commentLabelFull/>:</h4>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <b:if cond='data:post.hasOlderLinks'>
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
              &#160;
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
              &#160;
          </b:if>

          <data:post.commentRangeText/>

          <b:if cond='data:post.hasNewerLinks'>
            &#160;
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
            &#160;
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
          </b:if>
        </span>
      </b:if>

      <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
        <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
          <b:loop values='data:post.comments' var='comment'>
            <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
              </b:if>
              <a expr:name='data:comment.anchorName'/>
              <b:if cond='data:blog.enabledCommentProfileImages'>
                <data:comment.authorAvatarImage/>
              </b:if>
              <b:if cond='data:comment.authorUrl'>
                <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
              <b:else/>
                <data:comment.author/>
              </b:if>
              <data:commentPostedByMsg/>
            </dt>
            <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
                <p>
                  <data:comment.body/>
                </p>
              </b:if>
            </dd>
            <dd class='comment-footer'>
              <span class='comment-timestamp'>
                <a expr:href='data:comment.url' title='comment permalink'>
                  <data:comment.timestamp/>
                </a>
                <b:include data='comment' name='commentDeleteIcon'/>
              </span>
            </dd>
          </b:loop>
        </dl>
      </div>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>

      <p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>

      </p>
    </b:if>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
              <b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
              <b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
              <b:includable id='iframe_comments' var='post'>

  <b:if cond='data:post.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>

    <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
              <b:includable id='mobile-index-post' var='post'>
  <div class='mobile-date-outer date-outer'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </b:if>

    <div class='mobile-post-outer'>
      <a expr:href='data:post.url'>
        <h3 class='mobile-index-title entry-title' itemprop='name'>
          <data:post.title/>
        </h3>

        <div class='mobile-index-arrow'>&amp;rsaquo;</div>

        <div class='mobile-index-contents'>
          <b:if cond='data:post.thumbnailUrl'>
            <div class='mobile-index-thumbnail'>
              <div class='Image'>
                <img expr:src='data:post.thumbnailUrl'/>
              </div>
            </div>
          </b:if>

          <div class='post-body'>
            <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
          </div>
        </div>

        <div style='clear: both;'/>
      </a>

      <div class='mobile-index-comment'>
        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <b:if cond='data:post.allowComments'>
            <b:if cond='data:post.numComments != 0'>
              <b:include data='post' name='comment_count_picker'/>
            </b:if>
          </b:if>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
              <b:includable id='mobile-main' var='top'>
    <!-- posts -->
    <div class='blog-posts hfeed'>

      <b:include data='top' name='status-message'/>

      <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>
    </div>

   <b:include name='mobile-nextprev'/>
</b:includable>
              <b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
      </div>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>
      </div>
    </b:if>

    <div class='mobile-link-button' id='blog-pager-home-link'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </div>

    <div class='mobile-desktop-link'>
      <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
    </div>

  </div>
  <div class='clear'/>
</b:includable>
              <b:includable id='mobile-post' var='post'>
  <div class='date-outer'>
        
     <div class='date-posts'>
      <div class='post-outer'>

        <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
          <b:if cond='data:post.thumbnailUrl'>
            <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
          </b:if>
          <meta expr:content='data:blog.blogId' itemprop='blogId'/>
          <meta expr:content='data:post.id' itemprop='postId'/>

          <a expr:name='data:post.id'/>
          <b:if cond='data:post.title'>
            <h3 class='post-title entry-title' itemprop='name'>
              <b:if cond='data:post.link'>
                <a expr:href='data:post.link'><data:post.title/></a>
              <b:else/>
                <b:if cond='data:post.url'>
                  <b:if cond='data:blog.url != data:post.url'>
                    <a expr:href='data:post.url'><data:post.title/></a>
                  <b:else/>
                    <data:post.title/>
                  </b:if>
                <b:else/>
                  <data:post.title/>
                </b:if>
              </b:if>
            </h3>
          </b:if>

          <div class='post-header'>
            <div class='post-header-line-1'/>  
          </div>

          <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
            <data:post.body/>
            <div style='clear: both;'/> <!-- clear for photos floats -->
          </div>

          <div class='post-footer'>
            <div class='post-footer-line post-footer-line-1'>
              <span class='post-author vcard'>
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                      <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <span itemprop='name'><data:post.author/></span>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                      <span itemprop='name'><data:post.author/></span>
                    </span>
                  </b:if>
                </b:if>
              </span>

              <span class='post-timestamp'>
                <b:if cond='data:top.showTimestamp'>
                  <data:top.timestampLabel/>
                  <b:if cond='data:post.url'>
                    <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
                    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
                  </b:if>
                </b:if>
              </span>

              <span class='post-comment-link'>
                <b:if cond='data:blog.pageType != &quot;item&quot;'>
                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                    <b:if cond='data:post.allowComments'>
                      <b:include data='post' name='comment_count_picker'/>
                    </b:if>
                  </b:if>
                </b:if>
              </span>
            </div>

            <div class='post-footer-line post-footer-line-2'>
              <b:if cond='data:top.showMobileShare'>
                <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                  <a href='javascript:void(0);'><data:shareMsg/></a>
                </div>
              </b:if>
              <b:if cond='data:top.showDummy'>
                <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
              </b:if>
            </div>

          </div>
        </div>

        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
              <b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>

  </div>
  <div class='clear'/>
</b:includable>
              <b:includable id='post' var='post'>
  <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
    <b:if cond='data:post.firstImageUrl'>
      <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
    </b:if>
    <meta expr:content='data:blog.blogId' itemprop='blogId'/>
    <meta expr:content='data:post.id' itemprop='postId'/>

    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
      <h1 class='post-title entry-title' itemprop='name'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h1>
    </b:if>

<b:if cond='data:blog.pageType == &quot;index&quot;'>      <h2 class='post-title entry-title' itemprop='name'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h2>
    </b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>    <h1 class='post-title entry-title' itemprop='name'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h1>
    </b:if> 
<b:if cond='data:blog.pageType == &quot;archive&quot;'>    <h2 class='post-title entry-title' itemprop='name'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h2>
    </b:if> 
 </b:if>

    <div class='post-header'>
    <div class='post-header-line-1'/> 
      
      <span class='post-labels'>
        <b:if cond='data:post.labels'>
          In
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span>
      
      <span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          by
            <b:if cond='data:post.authorProfileUrl'>
              <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                  <span itemprop='name'><data:post.author/></span>
                </a>
              </span>
            <b:else/>
              <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                <span itemprop='name'><data:post.author/></span>
              </span>
            </b:if>
        </b:if>
      </span>
      
      <span class='post-time'>
        <b:if cond='data:top.showTimestamp'>
          on
        <b:if cond='data:post.url'>
          <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
          <data:post.date/>
        </b:if>
        </b:if>
        <!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span>
      
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <div class='perma-top-ad' style='margin:20px 0;'>
          <script type='text/javascript'>
            google_ad_client = &quot;ca-pub-2762737943861458&quot;;
            google_ad_slot = &quot;2542740329&quot;;
            google_ad_width = 336;
            google_ad_height = 280;
          </script>
          <script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'/>
        </div>
      </b:if>
    </div>

    <b:if cond='data:blog.metaDescription == &quot;&quot;'>
      <!-- Then use the post body as the schema.org description,
          for good G+/FB snippeting. -->
      <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<div style='clear: both;'/>
<span class='rmlink btn btn-primary btn-large btn-block' style='font-weight:bold;padding:5px;text-align:center;'><a expr:href='data:post.url'>Read more ... </a></span>
</b:if>
</b:if>        <div style='clear: both;'/> <!-- clear for photos floats -->
      </div>
    <b:else/>
      <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<div style='clear: both;'/>
<span class='rmlink btn btn-primary btn-large btn-block' style='font-weight:bold;padding:5px; text-align:center;'><a expr:href='data:post.url'>Read more ... </a></span>
</b:if>
</b:if>        <div style='clear: both;'/> <!-- clear for photos floats -->
      </div>
    </b:if>

   

    <div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
            <b:if cond='data:post.allowComments'>
              <b:include data='post' name='comment_count_picker'/>
            </b:if>
          </b:if>
        </b:if>
      </span> <span class='post-icons'>
        <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>

      </span> <div class='post-share-buttons goog-inline-block'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:if cond='data:post.sharePostUrl'>

          <b:include data='post' name='shareButtons'/>
        </b:if>     </b:if>
      </div> </div>

      <div class='post-footer-line post-footer-line-2'>
      </div>

      <div class='post-footer-line post-footer-line-3'><span class='post-location'>
        <b:if cond='data:top.showLocation'>
          <b:if cond='data:post.location'>
            <data:postLocationLabel/>
            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
          </b:if>
        </b:if>
      </span> </div>
    </div>
  </div>
</b:includable>
              <b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
              <b:includable id='shareButtons' var='post'>
 <script type='text/javascript'>
// <![CDATA[
// define the default order of the buttons:
$.fn.socialSharePrivacy.settings.order = ['facebook', 'gplus', 'twitter'];
$.fn.socialSharePrivacy.settings.path_prefix = '';

$(document).ready(function () {
	$('.share').socialSharePrivacy();
	$('#other').socialSharePrivacy({uri: '<data:post.url/>'});
});
// ]]>
</script>
<div class='share'/>

</b:includable>
              <b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
              <b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
              <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

  <script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var config = <data:post.commentConfig/>;

// <![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

      var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }

      var parse = function(data) {
        cursor = null;
        var comments = [];
        if (data && data.feed && data.feed.entry) {
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
            var comment = {};
            // comment ID, parsed out of the original id format
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
            comment.id = id ? id[2] : null;
            comment.body = bodyFromEntry(entry);
            comment.timestamp = Date.parse(entry.published.$t) + '';
            if (entry.author && entry.author.constructor === Array) {
              var auth = entry.author[0];
              if (auth) {
                comment.author = {
                  name: (auth.name ? auth.name.$t : undefined),
                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                };
              }
            }
            if (entry.link) {
              if (entry.link[2]) {
                comment.link = comment.permalink = entry.link[2].href;
              }
              if (entry.link[3]) {
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                if (pid && pid[1]) {
                  comment.parentId = pid[1];
                }
              }
            }
            comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
                  comment.displayTime = entry.gd$extendedProperty[k].value;
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };

      var paginator = function(callback) {
        if (hasMore()) {
          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
          if (cursor) {
            url += '&published-min=' + new Date(cursor).toISOString();
          }
          window.bloggercomments = function(data) {
            var parsed = parse(data);
            cursor = parsed.length < 50 ? null
                : parseInt(parsed[parsed.length - 1].timestamp) + 1
            callback(parsed);
            window.bloggercomments = null;
          }
          url += '&callback=bloggercomments';
          var script = document.createElement('script');
          script.type = 'text/javascript';
          script.src = url;
          document.getElementsByTagName('head')[0].appendChild(script);
        }
      };
      var hasMore = function() {
        return !!cursor;
      };
      var getMeta = function(key, comment) {
        if ('iswriter' == key) {
          var matches = !!comment.author
              && comment.author.name == config.authorName
              && comment.author.profileUrl == config.authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return config.baseUri + '/delete-comment.g?blogID='
               + config.blogId + '&postID=' + comment.id;
        } else if ('deleteclass' == key) {
          return comment.deleteclass;
        }
        return '';
      };

      var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          document.getElementById(domId).insertBefore(replybox, null);
          replybox.src = replyUrlParts[0]
              + (commentId ? '&parentID=' + commentId : '')
              + '#' + replyUrlParts[1];
          replyParent = commentId;
        }
      };

      var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }

      // Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

      var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

      // render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
              <b:includable id='threaded_comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4><data:post.commentLabelFull/>:</h4>

    <div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>

    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>

    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
            </b:widget>
            <b:widget id='Attribution1' locked='false' title='' type='Attribution'>
              <b:includable id='main'>
    <b:if cond='data:feedbackSurveyLink'>
      <div class='mobile-survey-link' style='text-align: center;'>
        <data:feedbackSurveyLink/>
      </div>
    </b:if>

    <div class='widget-content' style='text-align: center;'>
      <b:if cond='data:attribution != &quot;&quot;'>
       <data:attribution/>
      </b:if>
    </div>

    <b:include name='quickedit'/>
  </b:includable>
            </b:widget>
          </b:section>
        </div>
        </div>

        <div class='column-left-outer'>
        <div class='column-left-inner'>
          <aside>
          <macro:include id='main-column-left-sections' name='sections'>
            <macro:param default='0' name='num' value='1'/>
            <macro:param default='sidebar-left' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
          </aside>
        </div>
        </div>

        <div class='column-right-outer'>
        <div class='column-right-inner'>
          <aside>
          <macro:include id='main-column-right-sections' name='sections'>
            <macro:param default='2' name='num' value='1'/>
            <macro:param default='sidebar-right' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
          </aside>
        </div>
        </div>

        </div>

        <div style='clear: both'/>
      <!-- columns -->
      </div>

    <!-- main -->
    </div>
    </div>
    <div class='main-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>

    <footer>
    <div class='footer-outer'>
    <div class='footer-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left footer-fauxborder-left'>
    <div class='fauxborder-right footer-fauxborder-right'/>
    <div class='region-inner footer-inner'>
      <macro:include id='footer-sections' name='sections'>
        <macro:param default='2' name='num' value='1'/>
        <macro:param default='footer' name='idPrefix'/>
        <macro:param default='foot' name='class'/>
        <macro:param default='false' name='includeBottom'/>
      </macro:include>
      <!-- outside of the include in order to lock Attribution widget -->
      <b:section class='foot' id='footer-3' showaddelement='no'/>
    </div>

    </div>
    <div class='footer-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
    </footer>

  <!-- content -->
  </div>
  </div>
  <div class='content-cap-bottom cap-bottom'>
    <div class='cap-left'/>
    <div class='cap-right'/>
  </div>
  </div>
  </div>
 
  <b:include data='blog' name='google-analytics'/>

  <b:if cond='data:blog.pageType == &quot;index&quot;'>
<script type='text/javascript'>
//<![CDATA[
(function($){'use strict';Date.now=Date.now||function(){return+new Date()};$.ias=function(g){var h=$.extend({},$.ias.defaults,g);var i=new $.ias.util();var j=new $.ias.paging(h.scrollContainer);var k=(h.history?new $.ias.history():false);var l=this;function init(){var d;j.onChangePage(function(a,b,c){if(k){k.setPage(a,c)}h.onPageChange.call(this,a,c,b)});reset();if(k&&k.havePage()){stop_scroll();d=k.getPage();i.forceScrollTop(function(){var a;if(d>1){paginateToPage(d);a=get_scroll_threshold(true);$('html, body').scrollTop(a)}else{reset()}})}return l}init();function reset(){hide_pagination();h.scrollContainer.scroll(scroll_handler)}function scroll_handler(){var a,scrThreshold;a=i.getCurrentScrollOffset(h.scrollContainer);scrThreshold=get_scroll_threshold();if(a>=scrThreshold){if(get_current_page()>=h.triggerPageThreshold){stop_scroll();show_trigger(function(){paginate(a)})}else{paginate(a)}}}function stop_scroll(){h.scrollContainer.unbind('scroll',scroll_handler)}function hide_pagination(){$(h.pagination).hide()}function get_scroll_threshold(a){var b,threshold;b=$(h.container).find(h.item).last();if(b.size()===0){return 0}threshold=b.offset().top+b.height();if(!a){threshold+=h.thresholdMargin}return threshold}function paginate(d,e){var f;f=$(h.next).attr('href');if(!f){if(h.noneleft){$(h.container).find(h.item).last().after(h.noneleft)}return stop_scroll()}if(h.beforePageChange&&$.isFunction(h.beforePageChange)){if(h.beforePageChange(d,f)===false){return}}j.pushPages(d,f);stop_scroll();show_loader();loadItems(f,function(a,b){var c=h.onLoadItems.call(this,b),curLastItem;if(c!==false){$(b).hide();curLastItem=$(h.container).find(h.item).last();curLastItem.after(b);$(b).fadeIn()}f=$(h.next,a).attr('href');$(h.pagination).replaceWith($(h.pagination,a));remove_loader();hide_pagination();if(f){reset()}else{stop_scroll()}h.onRenderComplete.call(this,b);if(e){e.call(this)}})}function loadItems(b,c,d){var e=[],container,startTime=Date.now(),diffTime,self;d=d||h.loaderDelay;$.get(b,null,function(a){container=$(h.container,a).eq(0);if(0===container.length){container=$(a).filter(h.container).eq(0)}if(container){container.find(h.item).each(function(){e.push(this)})}if(c){self=this;diffTime=Date.now()-startTime;if(diffTime<d){setTimeout(function(){c.call(self,a,e)},d-diffTime)}else{c.call(self,a,e)}}},'html')}function paginateToPage(a){var b=get_scroll_threshold(true);if(b>0){paginate(b,function(){stop_scroll();if((j.getCurPageNum(b)+1)<a){paginateToPage(a);$('html,body').animate({'scrollTop':b},400,'swing')}else{$('html,body').animate({'scrollTop':b},1000,'swing');reset()}})}}function get_current_page(){var a=i.getCurrentScrollOffset(h.scrollContainer);return j.getCurPageNum(a)}function get_loader(){var a=$('.ias_loader');if(a.size()===0){a=$('<div class="ias_loader">'+h.loader+'</div>');a.hide()}return a}function show_loader(){var a=get_loader(),el;if(h.customLoaderProc!==false){h.customLoaderProc(a)}else{el=$(h.container).find(h.item).last();el.after(a);a.fadeIn()}}function remove_loader(){var a=get_loader();a.remove()}function get_trigger(a){var b=$('.ias_trigger');if(b.size()===0){b=$('<div class="ias_trigger"><a href="#">'+h.trigger+'</a></div>');b.hide()}$('a',b).off('click').on('click',function(){remove_trigger();a.call();return false});return b}function show_trigger(a){var b=get_trigger(a),el;el=$(h.container).find(h.item).last();el.after(b);b.fadeIn()}function remove_trigger(){var a=get_trigger();a.remove()}};$.ias.defaults={container:'.blog-posts',scrollContainer:$(window),item:'.post-outer',pagination:'#blog-pager',next:'#blog-pager-older-link a',loader:'<img src="http://1.bp.blogspot.com/-luorIIJzBBo/USnR6gOh-1I/AAAAAAAAJ_c/VEh_iQfKHqE/s1600/loading.gif"/>',loaderDelay:600,triggerPageThreshold:8,trigger:'Load more Posts',thresholdMargin:-500,history:true,onPageChange:function(){},beforePageChange:function(){},onLoadItems:function(){},onRenderComplete:function(){},customLoaderProc:false};$.ias.util=function(){var c=false;var d=false;var e=this;function init(){$(window).load(function(){c=true})}init();this.forceScrollTop=function(a){$('html,body').scrollTop(0);if(!d){if(!c){setTimeout(function(){e.forceScrollTop(a)},1)}else{a.call();d=true}}};this.getCurrentScrollOffset=function(a){var b,wndHeight;if(a.get(0)===window){b=a.scrollTop()}else{b=a.offset().top}wndHeight=a.height();return b+wndHeight}};$.ias.paging=function(){var c=[[0,document.location.toString()]];var d=function(){};var e=1;var f=new $.ias.util();function init(){$(window).scroll(scroll_handler)}init();function scroll_handler(){var a,curPageNum,curPagebreak,scrOffset,urlPage;a=f.getCurrentScrollOffset($(window));curPageNum=getCurPageNum(a);curPagebreak=getCurPagebreak(a);if(e!==curPageNum){scrOffset=curPagebreak[0];urlPage=curPagebreak[1];d.call({},curPageNum,scrOffset,urlPage)}e=curPageNum}function getCurPageNum(a){for(var i=(c.length-1);i>0;i--){if(a>c[i][0]){return i+1}}return 1}this.getCurPageNum=function(a){a=a||f.getCurrentScrollOffset($(window));return getCurPageNum(a)};function getCurPagebreak(a){for(var i=(c.length-1);i>=0;i--){if(a>c[i][0]){return c[i]}}return null}this.onChangePage=function(a){d=a};this.pushPages=function(a,b){c.push([a,b])}};$.ias.history=function(){var e=false;var f=false;function init(){f=!!(window.history&&history.pushState&&history.replaceState);f=false}init();this.setPage=function(a,b){this.updateState({page:a},'',b)};this.havePage=function(){return(this.getState()!==false)};this.getPage=function(){var a;if(this.havePage()){a=this.getState();return a.page}return 1};this.getState=function(){var a,stateObj,pageNum;if(f){stateObj=history.state;if(stateObj&&stateObj.ias){return stateObj.ias}}else{a=(window.location.hash.substring(0,7)==='#/page/');if(a){pageNum=parseInt(window.location.hash.replace('#/page/',''),10);return{page:pageNum}}}return false};this.updateState=function(a,b,c){if(e){this.replaceState(a,b,c)}else{this.pushState(a,b,c)}};this.pushState=function(a,b,c){var d;if(f){history.pushState({ias:a},b,c)}else{d=(a.page>0?'#/page/'+a.page:'');window.location.hash=d}e=true};this.replaceState=function(a,b,c){if(f){history.replaceState({ias:a},b,c)}else{this.pushState(a,b,c)}}}})(jQuery);
//]]>
</script><script>jQuery.ias();</script>
    </b:if>
   </body>  

<macro:includable id='sections' var='col'>
  <macro:if cond='data:col.num == 0'>
  <macro:else/>
    <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-1&quot;' preferred='yes' showaddelement='yes'/>

    <macro:if cond='data:col.num &gt;= 2'>
      <table border='0' cellpadding='0' cellspacing='0' mexpr:class='&quot;section-columns columns-&quot; + data:col.num'>
      <tbody>
      <tr>
        <td class='first columns-cell'>
          <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-1&quot;'/>
        </td>

        <td class='columns-cell'>
          <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-2&quot;'/>
        </td>

        <macro:if cond='data:col.num &gt;= 3'>
          <td class='columns-cell'>
            <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-3&quot;'/>
          </td>
        </macro:if>

        <macro:if cond='data:col.num &gt;= 4'>
          <td class='columns-cell'>
            <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>
          </td>
        </macro:if>
      </tr>
      </tbody>
      </table>

      <macro:if cond='data:col.includeBottom'>
        <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-3&quot;' showaddelement='no'/>
      </macro:if>
    </macro:if>
  </macro:if>
</macro:includable>

<b:section-contents id='sidebar-left-1'>
  <b:widget id='Label1' locked='false' title='Topics' type='Label'>
    <b:includable id='main'>
  <b:if cond='data:title'>
    <h3><data:title/></h3>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>
</b:section-contents><b:section-contents id='sidebar-right-1'>
  <b:widget id='HTML3' locked='false' title='Share this page' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
  <b:widget id='AdSense1' locked='false' title='' type='AdSense'>
    <b:includable id='main'>
  <div class='widget-content'>
    <b:if cond='data:blog.disableAdSenseWidget != &quot;true&quot;'>
      <data:adCode/>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>
  <b:widget id='HTML4' locked='false' title='' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
  <b:widget id='HTML5' locked='false' title='' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
  <b:widget id='HTML7' locked='false' title='' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section-contents><b:section-contents id='footer-1'>
  <b:widget id='HTML8' locked='false' title='' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
  <b:widget id='HTML6' locked='false' title='' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section-contents></html>